<template>
	<u-navbar :height="height" :is-back="isBack" :back-icon-color="backIconColor" :background="themeUNBackground">
		<template slot="right">
			<slot name="right"></slot>
		</template>
	</u-navbar>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		name: 'g-common-navbar',
		props: {
			isBack: {
				type: Boolean,
				default: false
			},
			height: {
				type: String | Number,
				default: 44
			},
			backIconColor: {
				type: String,
				default: '#ffffff'
			}
		},
		computed: {
			...mapGetters(['themeUNBackground'])
		},
		data() {
			return {}
		},
		mounted() {},
		methods: {}
	}
</script>

<style scoped lang="scss">
</style>
